window.onload = function () {
	$('#li_file').hide();
	$('#li_url').hide();
	$('#error_message').hide();
	$('#radio_file').click(function(){
		$('#li_url').hide('slow');
		$('#li_file').show('slow');
	});
	$('#radio_url').click(function(){
		$('#li_file').hide('slow');
		$('#li_url').show('slow');
	});
	//obtener configuracion de archivo json
	var noCache = Date();
	$.getJSON('js/conf.json', { "noCache": noCache }, function(data) {
	  $('#cant_items').val(data.cant_items);
	  if (data.orden == "likes")
	  {
	  	$('#radio_likes').attr("checked","checked");
	  }
	  else if(data.orden == "vistas")
	  	$('#radio_vistas').attr("checked","checked");
	});

	//Menu
	$('#menu_wrapper').delay(300).show('clip','slow');
	var color = Math.floor((Math.random()*360));
	$('#menu').css('border-color','hsl('+color+', 84%, 50%)');
}
function validar(formulario)
{
	errores = new Array();
	cont_errores = 0;
	
	validarVacio(formulario.nombre, 'Nombre');
	validarVacio(formulario.artista, 'Artista');
	
	validarVacio(formulario.museo, 'Museo');
	validarVacio(formulario.categoria, 'Categoría');
	validarVacio(formulario.etiquetas, 'Etiquetas');
	
	validarArchivo();
	
	if (validarVacio(formulario.anio, 'Año'))
		validarAnio(formulario.anio);
	
	if (cont_errores > 0) {
		var mensaje_error = "";
		for(var i in errores)
		{
			mensaje_error += errores[i] + "<br />";
		}
		$('#error_message_desc').html(mensaje_error);
		$('#error_message').show('slow');
		return false;
	}
	
	return true;
}

function validarVacio(campo, nombreCampo)
{
	for (i = 0; i < campo.value.length; i++) {
		if (campo.value.charAt(i) != ' ') {
			campo.parentNode.parentNode.className = "";
			return true;
		}
	}
	campo.parentNode.parentNode.className = "error";
	var mensaje = 'El campo ' + nombreCampo +  ' es obligatorio';
	agregarError(mensaje);
}

function validarAnio(campo)
{
	if (!isNaN(campo.value)) {
		campo.parentNode.parentNode.className = "";
		return true;
	}

	campo.parentNode.parentNode.className = "error";
	var mensaje = 'El campo Año debe ser un número';
	agregarError(mensaje);
}

function agregarError(mensaje)
{
	errores[cont_errores++] = mensaje;
}

function guardarConf()
{
	var cant = $('#cant_items').val();
	var radio = $('#radio_vistas').is(':checked');
	
	$.post( 'guardarConf.php', { c: cant, r: radio },
      function( data ) {
          if (data=="OK")
          	$('#conf_success').show('medium');
          else
          	$('#conf_error').show('medium');
      }
    );
}

function validarArchivo()
{
	var chequeado = $('input[name|=radio]:checked').val();
	if (chequeado!=null)
	{
		if ($('#'+chequeado).val().toLowerCase().endsWith(".jpg"))
		{
			return;
		}
	}
	var mensaje = "Debe especificar una imagen JPG";
	agregarError(mensaje);
}

function showDialog()
{
	var caja= $('<div style="font-size:small" title="About"><p>Proyecto realizado por:</p><p>- Masserini Mauro</p><p>- Zapata Lucia</p></div>');
   	caja.dialog();
}


String.prototype.endsWith = function(suffix) {
    return this.indexOf(suffix, this.length - suffix.length) !== -1;
};
